.page{
	//background:$backgroud-clor;
	
	//background: linear-gradient(to bottom,#ffffff,$change-clor);
	height: 100vh;
}

.search-box{
	border-radius: 100%;
	text-align: center;
	line-height:30px;	
	width: 30px;
	height: 30px;
}
.menu-box{
	display: flex;
	flex-direction: row;
	flex-wrap: warp;
	height: 200rpx;
	border-radius: 30rpx;
	width: 92%;
	margin-left: 4%;
	margin-top: 50rpx;
	//box-shadow: 6rpx 6rpx 20rpx #acacac, -6rpx -6rpx 20rpx #fff,2rpx 2rpx 20rpx #ffffff;
}
.menu{
	border-radius: 30rpx;
	flex: 1;
	margin-right: 2%;
	margin-left: 2%;
	margin-top: 30rpx;
	//box-shadow: 6rpx 6rpx 20rpx #acacac, -6rpx -6rpx 20rpx #fff,2rpx 2rpx 20rpx #ffffff;
	height: 120rpx;
	
	box-shadow: 6rpx 6rpx 10rpx #acacac, -6rpx -6rpx 10rpx #fff;
}
.u-tabs-box{
	box-shadow: inset 9rpx 9rpx 15rpx #d1d9e6, inset -9rpx -9rpx 15rpx #e8effd;
	//box-shadow: 6rpx 6rpx 10rpx #acacac, -6rpx -6rpx 10rpx #fff;
	border-radius: 10rpx;
	height:44px;
}
.title-box{
	margin-top: 40rpx;
	flex-direction:row;
	display: flex;
	
	height: 120rpx;
	margin-left: 4%;
	width: 92%;
	
}
.left-box{
	width:70%;
}
.right-box{
	margin-top: 20rpx;
	margin-left: 20%;
	text-align: center;
	line-height:65rpx;
	width: 65rpx;
	height: 65rpx;
	border-radius: 10rpx;
}

.title{
	
	font-weight: 600;
	font-size: 40rpx;
}
.text{
	font-weight: 400;
	font-size: 26rpx;
	
}
.activity-title{
	font-weight: 600;
	font-size: 30rpx;
	
}
.activity-box{
	height: 600rpx;
}

.page-box{
	
}
.product-list {		
		margin-top:40rpx;
		box-sizing: content-box;
		width: 92%;
		padding: 0 4% 3vw 4%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		.product {
			width: 48%;
			border-radius: 20upx;
			background-color: #fff;
			margin: 0 0 15upx 0;
			box-shadow:9rpx 9rpx 15rpx #979ea7, -9rpx -9rpx 15rpx #fdfdfd;
			image {
				width: 100%;
				border-radius: 20upx 20upx 0 0;
			}
			.name {
				width: 92%;
				padding: 10upx 4%;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				text-align: justify;
				overflow: hidden;
				font-size: 30upx;
			}
			.info {
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
				width: 92%;
				padding: 10upx 4% 10upx 4%;

				.price {
					color: #e65339;
					font-size: 30upx;
					font-weight: 600;
				}
				.slogan {
					color: #807c87;
					font-size: 24upx;
				}
			}
		}
	}


	.tui-product-category {
		padding: 80rpx 20rpx 30rpx 20rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		font-size: 24rpx;
		color: #555;
		/* margin-bottom: 20rpx; */
	}

	.tui-category-item {
		width: 20%;
		height: 118rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		padding-top: 30rpx;
	}

	.tui-category-img {
		height: 80rpx;
		width: 80rpx;
		display: block;
	}

	.tui-category-name {
		line-height: 24rpx;
	}

	.tui-block__box {
		width: 100%;
		padding: 0 25rpx 25rpx;
		box-sizing: border-box;
		background-color: #ffffff;
		border-radius: 20rpx;
		overflow: hidden;
	}

	.tui-product-box {
		margin-top: 20rpx;
		padding: 0 25rpx;
		box-sizing: border-box;
	}

	.tui-img__coupon {
		width: 100%;
		height: 184rpx;
		display: block;
	}

	.tui-mtop__20 {
		margin-top: 20rpx;
	}

	.tui-bg-white {
		background-color: #fff;
	}

	.tui-group-name {
		width: 100%;
		font-size: 34rpx;
		line-height: 34rpx;
		font-weight: bold;
		text-align: center;
		padding: 30rpx 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #333;
	}

	.tui-sub__desc {
		color: #34c7a9;
		font-size: 28rpx;
		font-weight: 400;
		padding-left: 25rpx;
	}

	.tui-color__pink {
		color: #EF1346;
	}

	.tui-seckill__box {
		display: flex;
		align-items: center;
	}

	.tui-seckill__img {
		width: 160rpx;
		height: 34rpx;
	}

	.tui-countdown__box {
		width: 228rpx;
		display: flex;
		align-items: center;

		color: #fff;
		background-color: #fff;
		font-weight: 400;
		border: 1rpx solid #eb0909;
		height: 40rpx;
		border-radius: 30px;
		overflow: hidden;
		margin-left: 25rpx;
	}

	.tui-countdown__title {
		width: 100rpx;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #eb0909;
		flex-shrink: 0;
		font-size: 24rpx;
		line-height: 24rpx;
	}

	.tui-flex__center {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/*秒杀商品*/
	.tui-goods__list {
		display: flex;
		align-items: center;
	}

	.tui-goods__item {
		background-color: #fff;
		width: 150rpx;
		height: 230rpx;
		border-radius: 6rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		flex-shrink: 0;
		margin-right: 18rpx;
	}

	.tui-goods__imgbox {
		width: 150rpx;
		height: 150rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
	}

	.tui-goods__img {
		max-width: 150rpx;
		max-height: 150rpx;
		display: block;
	}

	.tui-pri__box {
		max-width: 150rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.tui-sale-pri {
		display: flex;
		align-items: flex-end;
		padding: 10rpx 0 8rpx;
		box-sizing: border-box;
		font-size: 28rpx;
		line-height: 28rpx;
		color: #eb0909;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.tui-size-sm {
		font-size: 24rpx;
		line-height: 24rpx;
		transform: scale(0.8);
		transform-origin: 0 50%;
	}

	.tui-original__pri {
		font-size: 24rpx;
		line-height: 24rpx;
		color: #999999;
		transform-origin: center 10%;
		transform: scale(0.8);
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: line-through;
	}

	/*秒杀商品*/